Module 2 Challenge 測試

習題1：

客戶讓你解釋低保真原型（low-fidelity prototype）與高保真原型（high-fidelity prototype）的區別。以下哪些正確？

A. 低保真原型用於傳達宏觀設計概念，而高保真原型展示接近最終的設計。

B. 低保真原型展示產品外觀與基本結構，高保真原型包含接近成品的功能。

C. 低保真原型包含接近最終的互動與導航，高保真原型包含完善的互動與導航。

D. 低保真原型包含最終顏色與影象，高保真原型包含這些內容並加入完整的文字內容。

習題2：

團隊成員問你線框圖（wireframe）與模型圖（mockup）的區別。你會怎麼解釋？

A. 線框圖展示開發團隊的總體預期，模型圖展示具體互動元素。

B. 線框圖不包含視覺元素，模型圖包含所有視覺細節。

C. 線框圖提供結構與頁面層級概覽，模型圖加入顏色、排版、圖示。

D. 線框圖包含顏色與排版，模型圖更初步、更基礎。

習題3：

在設計模型圖時，你應考慮哪些顏色相關因素？（可多選）

A. 主要色與中性色比例

B. 顏色傳遞的情緒

C. 使用者如何理解顏色

D. 顏色之間的對比度

習題4：

客戶問你為什麼要花時間建立設計系統（design system）。有哪些好處？（可多選）

A. 提高設計效率與一致性，節省時間與成本。

B. 減少使用者反饋需求。

C. 使設計具備可擴充套件性。

D. 加強品牌識別度。

習題5：

根據WCAG標準，提高可訪問性的方法有哪些？（可多選）

A. 使用主色調

B. 使用標註（annotation）

C. 採用層級結構

D. 新增標籤（labels）

習題6：

客戶品牌配色以紅和綠為主，你應如何在保留品牌色的同時保證可訪問性？

A. 將紅綠僅作為輔助色使用。

B. 建議客戶重設計配色系統。

C. 去掉紅綠主色。

D. 保留紅綠主色並新增其他顏色進行擴充套件。

習題7：

團隊成員問模型圖（mockup）與原型（prototype）的區別。總體而言，它們的差異是什麼？

A. 模型圖關注功能性，原型關注視覺設計。

B. 模型圖僅為頁面草圖，原型更詳細。

C. 模型圖與原型相似，但原型包含更多詳細互動。

D. 模型圖關注視覺設計，原型關注功能表現。

習題8：

你在設計中新增了註釋（annotations）後交給工程師。註釋的作用是什麼？

A. 品牌指南指令。

B. 外部連結的URL。

C. 上傳圖片的書面說明。

D. 輔助技術的執行順序。

習題9：

你準備在高保真原型中建立連線（connections）。這意味著什麼？

A. 指使用者如何被網站吸引。

B. 指使用者如何訪問幫助按鈕。

C. 指設計師如何與同事分享設計。

D. 指設計師如何讓元素具備互動性。

習題10：

開發人員要求你提供設計系統。為什麼這對他們很重要？

A. 它定義工作範圍以控制預算。

B. 它包含最終視覺渲染圖。

C. 它包含設計中元素與元件的程式碼。

D. 它告訴他們開發需要花費多久。

答案部分

習題1

答案：A、B 對

原因：低保真原型強調結構和概念；高保真原型接近成品，包含完整互動與視覺。

C 錯誤：低保真不包含近終互動。

D 錯誤：低保真不含最終顏色與影象。

習題2

答案：C 對

原因：線框圖展示結構層次；模型圖加入視覺表現。

A、B、D 錯誤：未準確區分視覺與結構作用。

習題3

答案：B、C、D 對

原因：UX配色應考慮情緒、使用者理解和對比度；A 過於形式化。

習題4

答案：A、C、D 對

原因：設計系統能提升一致性、擴充套件性與品牌識別；B 錯誤。

習題5

答案：B、C、D 對

原因：註釋、層級與標籤有助於輔助技術理解；A 不影響可訪問性。

習題6

答案：A 對

原因：紅綠色弱使用者敏感，因此應作為輔助色使用。

習題7

答案：D 對

原因：Mockup 專注視覺設計，Prototype 強調功能互動。

習題8

答案：C 對

原因：註釋為工程師提供實現指導與上傳規範。

習題9

答案：D 對

原因：在Figma中建立連線意味著為元素新增互動行為。

習題10

答案：C 對

原因：設計系統幫助開發者理解元件程式碼與實現方式。